If the user wants to show a html tooltip on a specific element, for example:

<p data-tip data-html='<a>tooltip</a>'></p>
<ReactTooltip />

it won't show anything because e.currentTarget.getAttribute('data-html') === 'true' || this.props.html || false will return false

From the documentation, I understood that this parameter should be boolean (true/false)
This same example appears in the documentation as:

<p data-tip="<p>HTML tooltip</p>" data-html={true}></p> or <ReactTooltip html={true} />

By reviewing the part of the code that handles this option, it seems that it is always using the placeholder, encoded or not depending on the html boolean value.

    if (html) {
      return (
        <div className={tooltipClass + ' ' + extraClass} data-id='tooltip' dangerouslySetInnerHTML={{__html: placeholder}}></div>
      )
    } else {
      const content = this.props.children ? this.props.children : placeholder
      return (
        <div className={tooltipClass + ' ' + extraClass} data-id='tooltip'>{content}</div>
      )
    }

Hmm. my bad, I didn't check it carefully, yeah you're right, thanks

Thanks :)

Related to this, I noticed that other number attributes data-delay-show and data-delay-hide could potentially have the same issue, as they are not being converted to number. But didn't check myself and not sure if it is an actual problem.

It's ok, because they have been converted to Int before using